@charset "utf-8";
*{
    margin:0;
    padding:0;
}
$fontSize:40;
@function r($p){
    @return $p/$fontSize*1rem;
}
@function f($fz) {
    @return $fz / 14 * 1em
}

html,body{
    width:100%;
    height:100%;
    overflow: hidden;
}
body{
    background:#222;
}
.web{ 
        position: relative;
        width:100%;
        height:100%;

                >nav{
                   
                    z-index: 1000;
                    .nav_box{
                            
                            .logo{
                                display:flex;
                                display:-webkit-flex;
                                align-items: center;
                            }
                    }
                }//nav
        >.content{
              
                position: absolute;
                left:0;
                right: 0;
                bottom:0;
                top:50px;
               
                
                /*height: calc(100% - 50px);*/
                overflow: auto;
               >.banner{
                   width:100%;
                   >img{
                       width:100%;
                   }
               }
               >.jianjie{
                  padding-top:95px;
                  padding-bottom:67px;
                   background:#fff;
                    >.row{
                        width:65%;
                        margin:0 auto;
                        >.jj_left{
                            >h2{
                                margin-top:35px;
                            }
                            >div{
                                color:#292929;
                                font-size:21px;
                            }
                            >p{
                                font-size: 14px;
                                color:#292929;
                                margin-top:30px;
                                line-height: 30px;
                            }
                        }
                        >.jj_right{
                            padding-top:125px;
                            >img{
                                
                                width:100%;
                            }
                        }
                    }
               }//jianjie
               >.zping{
                   background:#8BC11F;
                   padding-top:105px;
                   padding-bottom:83px;
                 
                    >.row{
                        width:65%;
                        margin:0 auto;
                        >h2{
                            margin-bottom:59px;
                            margin-left:15px;
                            color:#fff;
                         }   
                        >.zp_left{
                            color:#fff;
                            >p{
                                font-size:16px;
                                line-height: 30px;
                                margin-bottom:25px;
                            }
                        }
                        >.zp_right{
                            color:#fff;
                            >p{
                                font-size:16px;
                                line-height: 30px;
                                
                            }
                            >div{
                                display: inline-block;
                                border-radius: 5px;
                                font-weight: bold;
                                font-size:24px;
                                padding:r(10) r(15);
                                margin-bottom: 10px;
                                background:#fff;
                                color:#8BC11F;
                            }
                        }
                    }
                }//zping
                >.job{
                    background:#fff;
                    color:#292929;
                    >.row{
                        width:65%;
                        margin:0 auto;
                        padding-top:70px;
                        padding-bottom:60px;
                        border-bottom:1px #d2d2d2 solid;
                        >.box{
                            >h3{
                                margin-bottom:30px;
                                color:#8BC11F;
                            }
                            >ol{
                                margin-top:18px;
                                margin-left:2em;
                                >li{
                                    margin-top:18px;
                                }
                            }
                        }
                    }
                    >.b_none{
                        border:none;
                        padding-bottom:112px;
                    }
                    >.job_first{
                        padding-top:120px;
                    }
                }//job
                >.lianxi{
                    padding-top:25px;
                    padding-bottom:50px;
                    background:#F3F3F3;
                    >.row{
                        width:65%;
                        margin:0 auto;
                        >h1{

                        }
                        >.lx_box{
                            margin-right:r(30);
                            margin-bottom:20px;
                            display: flex;
                            display: -webkit-flex;
                            align-items: center;
                            background:#fff;
                            border:#d2d2d2 1px solid;
                            padding:10px r(20);
                                >div{
                                    margin-right: r(10);
                                    >img{
                                        width:70px;
                                        height:70px;
                                    }
                                }
                                >p{

                                }
                        }
                    }
                }//lianxi
                >footer{
                    padding-top:30px;
                    padding-bottom:60px;
                    >.foot_row{
                        display: flex;
                        display: -webkit-flex;
                        align-items: center;
                        width:65%;
                        margin:0 auto;
                        justify-content: space-between;
                        >.footer_content{
                            >ul{
                                display:flex;
                                display:-webkit-flex;
                                >li{
                                    margin-right: r(15);
                                    font-size:14px;
                                    list-style: none;
                                    color:#A1A3AB;
                                }   
                                
                            }
                            >p{
                                    font-size:12px;
                                    color:#A1A3AB;
                            }
                        }
                        >ul{
                            position: relative;
                            display: flex;
                            display: -webkit-flex;
                            >li{
                                list-style: none;
                                margin-left:r(20);
                            }
                            >li:nth-of-type(2):hover~div{
                                display:inline-block;
                            }  
                            >div{
                                display: none;
                                position: absolute;
                                top:-230%;
                                left:55%;
                                transform: translateX(-45%);
                                text-align: center;
                                >img{
                                    width:100%;
                                }
                            } 
                        }
                    }
                }
              
    }//content
}//web

@media only screen and (min-width: 768px) {
    html,
    body {
        min-width: 1141px;
        .web{
            >nav{
                
                    position: absolute;
                    z-index: 999;
                    top:0;
                    left:50%;
                    transform: translateX(-50%);
                    margin:0 auto;
                    margin-bottom:0;
                    width:65%;
                    border: none;
            }
        }
     
    }
}
@media only screen and (max-width: 768px) {

        // min-width: 2000px;
        .web{
            width:100%;
            // overflow: hidden;
            >nav{
                    width:100%;
              
            }//nav
            >.content{
                width:100%;
                // overflow: hidden;
                >.jianjie{
                    padding-top:30px;
                    padding-bottom:30px;
                      >.row{
                          width:100%;
                          margin:0 auto;
                          >.jj_left{
                              >h2{
                                  margin-top:20px;
                              }
                              >div{
                               
                              }
                              >p{
                                  margin-top:20px;
                                  line-height: 20px;
                              }
                          }
                          >.jj_right{
                              padding-top:35px;
                              >img{ 
                                  width:100%;
                              }
                          }
                      }
                 }//jianjie
                 >.zping{
                    background:#8BC11F;
                    padding-top:30px;
                    padding-bottom:33px;
                  
                     >.row{
                         width:100%;
                         margin:0 auto;
                         >h3{
                             margin-bottom:40px;
                             margin-left:15px;
                             color:#fff;
                          }   
                     }
                 }//zping
                 >.job{
                    >.row{
                        width:100%;
                        margin:0 auto;
                        padding-top:30px;
                        padding-bottom:30px;
                        >.box{
                            >h3{
                                margin-bottom:30px;
                            }
                        }
                    }
                    >.b_none{
                        border:none;
                        padding-bottom:30px;
                    }
                    >.job_first{
                        padding-top:30px;
                    }
                }//job
                >.lianxi{
                    >.row{
                       width:100%;
                    }
                }//lianxi
                >footer{
                    padding-top:30px;
                    padding-bottom:60px;
                    >.foot_row{
                        display: flex;
                        display: -webkit-flex;
                        align-items: center;
                        flex-wrap: wrap;
                        width:100%;
                        margin:0 auto;
                        >.footer_content{
                            width:100%;
                            >ul{
                                display:flex;
                                display:-webkit-flex;
                                >li{
                                    margin-right: r(15);
                                    font-size:14px;
                                    list-style: none;
                                    color:#A1A3AB;
                                }   
                                
                            }
                            >p{
                                    font-size:12px;
                                    color:#A1A3AB;
                            }
                        }
                    }
                }
            }//content

        }//web
     
    }